@charset "utf-8";
.a-hover:hover{
    /*注册a标签*/

    /*悬停？*/
    color: #0e141b;
}

/*按钮美化复制。*/
.radio{
    display: inline-block;
    position: relative;
    line-height: 18px;
    margin-right: 10px;
    cursor: pointer;
}
.radio input{
    display: none;
}
.radio .radio-bg{
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    padding: 0;
    background-color: #45bcb8;
    border-radius: 100%;
    vertical-align: top;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.1) inset, 1px -1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s ease;
}
.radio .radio-on{
    display: none;
}
.radio input:checked + span.radio-on{
    /*选中效果的类名？？？【】*/
    /*+是CSS2的伪类，其意义为：div+p 选择【紧接在】 <div> 元素之后的所有 <p> 元素。*/
    /*找到选中的（:checked）的input，其之后的类名为radio-on的span元素做选中圆圈效果*/
    /*单选的文字就必须要要放到label的外面，这导致了点击文字的时候，不能切换单选效果【】*/
    /*在label里加了一个类名为radio-bg的span来专门做后面大的圆圈*/
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 100%;
    background: #FFFFFF;
    margin-left: 21px;/*需要微调，对准。*/
    top: 4px;
    left: 4px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(255, 255, 255, 0.4) inset;
    background-image: linear-gradient(#ffffff 0, #e7e7e7 100%);
    transform: scale(0, 0);
    transition: all 0.2s ease;
    transform: scale(1, 1);
    display: inline-block;
}
/*复制按钮美化。*/


.radio+.radio, .checkbox+.checkbox {
     margin-top: 10px;
}